@charset "utf-8";
@import "reset.scss";
@import "common";
@import "mainArticle.scss";
@import "mainFooter.scss";

@mixin hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    margin-bottom: 30px;

    >p {
        font-size: 36px;
        letter-spacing: 2px;
        color: #8b8a8a;
    }

    >div {
        display: flex;
        justify-content: space-between;
        width: 100px;
        letter-spacing: 1px;
        color: #949393;

        &:hover {
            color: #d10f0f;
        }

        &:hover div {
            background-color: #d10f0f;
        }

        div {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 15px;
            height: 15px;
            border-radius: 15px;
            background-color: #949393;
            ;
            color: white;
        }
    }
}
.hovShadow {
    &:hover {
        box-shadow: 0px 4px 6px 0px #b3afaf;
    }
}
.wrap {
    width: 1920px;
    margin: 0 auto;
    header {        
        display: flex;
        justify-content: center;
        padding: 0 52px;
        // height: 649px;
        .headText {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 1304px;
            border-bottom: 1px solid #999898;
            .title {
                margin-top: 135px;
                font-size: 72px;
                letter-spacing: 4px;
                color: #010101;
            }
            .titleCn {
                margin-top: 30px;
                font-size: 36px;
                letter-spacing: 2px;
                color: #000000;
            }
            .titleText {
                margin-top: 91px;
                margin-bottom: 30px;
                width: 377px;
                font-size: 10px;
                line-height: 15px;
                color: #535353;
                span {
                    color: #cf0d0d;
                }
            }
        }
    }
    main {
        margin: 0 auto;
        padding: 0 48px;
        width: 1208px;
        background-color: #f3f3f3;
    }
}